在開發臨床應用或健康資訊系統時，「資料完整性 (Data Integrity)」是至關重要的核心。目前的系統雖然功能齊全，但如果使用者不小心送出了空白的藥物名稱，或是忘記填寫服藥時間，這些「髒資料 (Dirty Data)」不但會讓畫面跑版，更會影響 AI 分析建議的準確度。
今天我們要把昨天安裝的 SweetAlert2 應用到新增藥物的表單中，為系統加上嚴格的資料驗證機制。
Step 1：引入 SweetAlert2 到表單元件
打開 src/components/AddMedicationForm.jsx（負責新增藥物的表單檔案）。在檔案最上方引入套件：
Step 2：強化表單送出邏輯
找到表單送出時觸發的函式（叫做 handleSubmit）。我們要加入三個關鍵的檢查點：藥物名稱、時間、劑量都絕對不能為空。
最後你會看到在沒有輸入藥物名稱並按加入的話，就會跳出警告訊息
iThome鐵人賽
看影片追技術